<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<style>
a{ position: relative; text-decoration: none; border-bottom: 1px dotted #ccc; padding-bottom: 5px; }
a p{ display: none; position: absolute; padding: 5px; border: 1px solid #ccc; left: 20px; top: 30px; width: 60px; }
a:hover{border-bottom: 1px solid #ccc;}
a:hover p{ display: block; }
a:visited p{
	
	color: red;
	
}
</style>
<a href="#">我是哒哒<p>大家好我是哒哒</p></a>
	</body>
</html>
